@charset "utf-8";

$baseFont:40;
@function r($px){
 @return $px/$baseFont * 1rem;
}







html,body{
 width: 100%;
 height: 100%;

}



.web{
	width: 100%;
	height: 100%;
	position: relative;
	 overflow: hidden;
	
	// 头部
	.header_content{
		width: 100%;
		height: r(89);
		background-color: #b20000;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		
		.left_logo{
			width: r(31);
			height: r(24);
			
			
			img{
				width: 100%;
				height: 100%;
				margin-top: r(33);
				margin-left: r(23);
			}
		}
		.middle_logo{
			display: inline-block;
			width: r(264);
			height: r(40);
			img{
				width: 100%;
				height: 100%;
				margin-top: r(25);
			}
		}
		.search_logo{
			width: r(42);
			height: r(42);
			img{
				width: 100%;
				height: 100%;
				margin-top: r(23);
				margin-right: r(17);
			}
		}
	}
	
	
	
	// 中间
	.middle_content{
		width: 100%;
		height: 100%;
		overflow: auto;
		padding: r(89)  0 r(50);
		img{
			width: 100%;
			height: 100%;
		}
		h2{
			font-size: r(30);
			color: #5c5856;
			margin-top: r(30);
			margin-left: r(29);
			font-weight: bold;
		}
		.bag{
			width: r(590);
			height: r(18);
			margin-left: r(31);
			margin-top: r(15);
			display: flex;
			color: #8b8b8b;
			font-size: r(18);
			span{
				margin-left: r(302);
			}
		}
		
		.string{
			width: r(580);
			height: r(1);
			border-top: 1px solid #dddddd;
			margin-top: r(32);
			margin-left: r(28);
		}
		.img{
			width: r(580);
			height: r(280);
			margin-top: r(16);
			margin-left: r(30);
		}
		
		.now{
			width: r(585);
			height: r(830);
			font-size: r(20);
			margin-top: r(31);
			margin-left: r(28);
			color: #8b8b8b;
			.span{
				margin-bottom: r(38);
			}
		}
		
		.new{
			height: r(26);
			width: 100%;
			background-color: #f5f5f5;
			border: 1px solid #f5f5f5;
			margin-top: r(26);
			
		}
		.font{
			font-size: r(30);
			margin-top: r(15);
			margin-left: r(30);
			margin-bottom: r(5);
		}
		
		.dt{
			width: 80%;
			height: r(24);
			margin-left: r(28);
			margin-top: r(12);
			display: flex;
			.dt2{
				width: r(24);
				height: r(24);
			}
			p{
				font-size: r(20);
				color: #727171;
			}
		}
		
		.last{
			font-size: r(20);
			color: #5c5856;
			margin-top: r(15);
			margin-left: r(29);
		}
		
		.the{
			height: r(108);
			width: r(600);
			margin-left: r(29);
			display: flex;
			margin-top: r(14);
			.on{
				height: r(87);
				width: r(185);
				margin-right: r(22);
				display: flex;
				
				.then{
					width: r(87);
					
					
				}
				.them{
					width: 100%;
					height: 100%;
					color: #727171;
					
					.ho{
						font-size: r(18);
						margin-top: r(14);
						margin-left: r(6);
						
					}
					.hos{
						font-size: r(14);
						margin-top: r(8);
						margin-left: r(6);
						
					}
				}
				
			}
			
			
			
			
		}
		
		
		
		.end{
			width: r(593);
			height: r(86);
			border: 1px solid #b80c11;
			background-color: #b80c11;
			margin-top: r(27);
			margin-left: r(26);
			
			a{
				display: flex;
				justify-content: center;
				
				p{
					font-size: r(34);
					color: #FFFFFF;
					margin-top: r(25);
					margin-right: r(19);
				}
				.op{
					width: r(25);
					height: r(25);
					margin-top: r(32);
				}
			}
			
		}
		
		
		
		
		
	}
	
	
	
	
	
	
}	
	
	
